<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>报关单打印预览</title>
<style type="text/css">
<!--
body, td {
	font-family:宋体;
	font-size:11pt;
	font-weight:normal;
}
div {
	position:absolute;
	top:330px;
	left:260px;
}
#mainlay {
	width:746px;
	height:989px;
	left:10px;
	top:0;
}
#seq_lebal {
	top:48px;
	left:20px;
	font-size:10px
}
#seq_no{
	}
#per_entry_id {
	top:96px;
	left:166px;
}
#custom_label {
	top:96px;
	left:270px;
}
#entry_id {
	top:96px;
	left:480px;
}
#entry_label {
	width:180px;
	height:40px;
	top:50px;
	left:490px;
}
#i_e_port {
	top:129px;
	left:20px;
}
#i_e_date {
	top:129px;
	left:452px;
}
#d_date {
	top:129px;
	left:605px;
}
#trade_co {
	top:143px;
	left:100px
}
#trade_name {
	top:159px;
	left:20px
}
#owner_code {
	top:174px;
	left:100px
}
#owner_name {
	top:191px;
	left:20px
}
#traf_mode {
	top:159px;
	left:313px;
}
#cmhc {
	top:159px;
	left:380px;
}
#bill_no {
	top:159px;
	left:570px;
}
#trade_mode {
	top:191px;
	left:313px;
}
#cut_mode {
	top:191px;
	left:455px;
}
#pay_way {
	top:191px;
	left:607px;
}
#trade_country {
	top:222px;
	left:222px;
}
#distinate_port {
	top:222px;
	left:391px;
}
#district_code {
	top:222px;
	left:586px;
}
#appr_no {
	top:254px;
	left:20px;
}
#trans_mode {
	top:254px;
	left:222px;
}
#fee {
	top:254px;
	left:309px;
}
#insur {
	top:254px;
	left:463px;
}
#other {
	top:254px;
	left:590px;
}
#contr_no {
	top:283px;
	left:20px;
}
#pack_no {
	top:283px;
	left:222px;
}
#wrap_type {
	top:283px;
	left:355px;
}
#gross_wt {
	top:283px;
	left:480px;
}
#net_wt {
	top:283px;
	left:627px;
}
#jzx {
	top:310px;
	left:20px;
}
#cert_mark {
	top:310px;
	left:260px;
}
#use_to {
	top:310px;
	left:564px;
}
#memo {
	width:714px;
	height:62px;
	top:350px;
	left:20px;
}
#g_div {
	width:714px;
	height:232px;
	top:428px;
	left:20px;
}
#typist_no {
	top:940px;
	left:20px;
}
#agent_name {
	top:1017px;
	left:238px;
}
#p_date {
	top:1034px;
	left:340px;
}
#over {
	top:928px;
	left:280px;
}
#manual_no {
	top:129px;
	left:313px;
}
#license_no {
	top:222px;
	left:20px;
}
BODY {
	background-image: URL(JG02.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
#jg02{
	font-size:14px;
	font-weight:bolder;
	top:4px;
	left:-7px;
	font-family: "Traditional Arabic";
	}
#tt{
	font-size:22px;
	font-weight:bolder;
	top:45px;
	left:184px;
	width:407px;
	font-family: "SimHei";
	}-->
</style>
</head>
<body><div id="pageback">
	<div id="jg02">JG02</div>
    <div id="tt">中华人民共和国海关出口货物报关单</div>
</div>
<div id="mainlay">
  <div id="seq_lebal">数据中心统一编号：<span id="seq_no">000000001000752672</span></div>
  <div id="per_entry_id">519888367</div>
  <div id="custom_label">申报现场：<span id="custom_master">宁波海关(3101)</span></div>
  <div id="entry_label"><img src="" alt="310120150519888367" /></div>
  <div id="entry_id">310120150519888367</div>
  <div id="i_e_port">北仑海关(3104)</div>
  <div id="manual_no"></div>
  <div id="i_e_date"></div>
  <div id="d_date">20150113</div>
  <div id="trade_co">(3352963273)</div>
  <div id="trade_name">宁波皓婷生活用品有限公司</div>
  <div id="owner_code">(3352963273)</div>
  <div id="owner_name">宁波皓婷生活用品有限公司</div>
  <div id="traf_mode">水路运输</div>
  <div id="cmhc">CMACGMDONPASCUALE/YT709</div>
  <div id="bill_no">NGBLAX167482</div>
  <div id="trade_mode">一般贸易(0110)</div>
  <div id="cut_mode">一般征税(101)</div>
  <div id="pay_way">电汇</div>
  <div id="license_no"></div>
  <div id="trade_country">美国(502)</div>
  <div id="distinate_port">洛杉矶(3154)</div>
  <div id="district_code">宁波其他(33029)</div>
  <div id="appr_no"></div>
  <div id="trans_mode">FOB</div>
  <div id="fee"></div>
  <div id="insur"></div>
  <div id="other"></div>
  <div id="contr_no">26750084</div>
  <div id="pack_no">22106.0</div>
  <div id="wrap_type">纸箱</div>
  <div id="gross_wt">36567.34</div>
  <div id="net_wt">31198.76</div>
  <div id="jzx"><span id="first_cont">CCLU4518900</span> * <span id="cont_count">4</span>(<span id="jzxsl">8</span>)</div>
  <div id="cert_mark"></div>
  <div id="relid"></div>
  <div id="typist_no">8930000040763</div>
  <div id="over">
    <table width="100%" border="0" cellspacing="1" cellpadding="0">
      <tr>
        <td>该单已审结</td>
      </tr>
      <tr>
        <td>审结时间：<span id="d_date1">2015-01-13</span></td>
      </tr>
    </table>
  </div>
  <div id="agent_name">宁波通港报关有限公司</div>
  <div id="p_date">2015.01.13</div>
  <div id="memo">
    <table width="100%" border="0" cellpadding="1" cellspacing="0">
      <tr>
        <td>备注：<span id="note_s">31101887</span></td>
      </tr>
      <tr>
        <td><span id="cert_code">随附单证号：</span></td>
      </tr>
      <tr>
        <td><span id="seven_cont">集装箱号：CCLU4840053，CCLU4931148，RFCU4113269</span></td>
      </tr>
    </table>
  </div>
  <div id="g_div">
    <table width="100%" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
            <tr>
              <td width="3%" rowspan="2" align="center"><span class="g_no">1</span><br>
                <span class="contr_item"></span></td>
              <td width="11%" rowspan="2"><span class="code_t">56012100</span>.<span class="code_s">90</span></td>
              <td width="26%" class="g_name">棉签</td>
              <td width="9%" align="center" class="g_qty">31198.76</td>
              <td width="9%" align="center" class="g_unit">千克</td>
              <td width="9%" align="center" class="origin_country_name">美国</td>
              <td width="9%" class="decl_price" align="center">4.4866</td>
              <td width="9%" class="decl_total" align="center">139977.55</td>
              <td width="7%" align="center" class="trade_curr">(502)</td>
              <td width="8%" align="center" class="duty_mode">照章征税</td>
            </tr>
            <tr>
              <td class="g_model">291288PACKS 棉制</td>
              <td align="center"><span class="qty_2"></span><br />
                <span class="qty_1">31198.76</span></td>
              <td align="center"><span class="unit_2"></span><br />
                <span class="unit_1">千克</span></td>
              <td align="center" class="origin_country">(502)</td>
              <td colspan="2" align="right"></td>
              <td align="center" class="trade_curr_name">美元</td>
              <td></td>
            </tr>
          </table></td>
      </tr>
    </table>
  </div>
</div>
<canvas id="canvas1" width="500" height="600"> Your browser does not support HTML5 Canvas. </canvas>
<script type="text/javascript">
//------------均匀压缩法绘制椭圆--------------------
//其方法是用arc方法绘制圆，结合scale进行
//横轴或纵轴方向缩放（均匀压缩）
//这种方法绘制的椭圆的边离长轴端越近越粗，长轴端点的线宽是正常值
//边离短轴越近、椭圆越扁越细，甚至产生间断，这是scale导致的结果
//这种缺点某些时候是优点，比如在表现环的立体效果（行星光环）时
//对于参数a或b为0的情况，这种方法不适用
function EvenCompEllipse(context, x, y, a, b)
{
   context.lineWidth = "4";
   context.strokeStyle = "rgba(255,0,0,1)";
   context.font = "20px 宋体";
   context.fillStyle = "rgba(255,0,0,1)";
   context.fillText("报 关 专 用 章",125,230);
   context.fillText("宁 波(1)",210,380);
   context.save();
   //选择a、b中的较大者作为arc方法的半径参数
   var r = (a > b) ? a : b; 
   var ratioX = a / r; //横轴缩放比率
   var ratioY = b / r; //纵轴缩放比率
   context.scale(ratioX, ratioY); //进行缩放（均匀压缩）
   context.beginPath();
   //从椭圆的左端点开始逆时针绘制
   context.moveTo((x + a) / ratioX, y / ratioY);
   context.arc(x / ratioX, y / ratioY, r, 0, 2 * Math.PI);
   context.closePath();
   context.restore();
   context.stroke();
};
var canvas=document.getElementById('canvas1');
var context = canvas.getContext('2d');
EvenCompEllipse(context,200,200,112.5,75);
</script>
</body>
</html>